// miniprogram/rember2/goodsDetail/goodsDetail.js
const api = require('../../utils/api');
const { myRequest } = require('../../utils/myRequest.js')
var WxParse = require('../../libs/wxParse/wxParse.js');

Page({
  /**
   * 页面的初始数据
   */
  data: {
    goodsId: null, //商品id
    productId:null, //产品id
    bannerList:[],    //轮播图数组
    descList:[],    //商品参数数组
    productList:[],
    info:{}, //名字，价钱，介绍
    goods_desc:'', //详情图片
    issue:[],     //常见问题数组
    likeList:[],  //大家都在看数组
    regionList:[],
    newRegList:[], //遍历的区域数组
    reg:null,   //选择的区域下标
    flag:false, //蒙版开关
    count:1,   //购买数量
    pop:false, //数量显示开关
    dis:false, //配送选择显示开关
    service:false, //服务区显示开关
    shiList:[], //市的数组
    quList:[], //区的数组
    jieList:[],//街的数组
    regFlag:false,//配送区域弹出开关
    shenName:"", //省的名字
    shiName:"", //市的名字
    quName:"", //区的名字
    shenFlag: false, //省的开关
    shiFlag: false, //市的开关
    quFlag: false, //区的开关
    secondFlag:false, //第二次点击配送区域时市显示的开关 
    threeFlag: false, //第二次点击配送区域时街显示的开关 
    collect:false //收藏开关
  },



  /**
   * 生命周期函数--监听页面加载
   */
  onLoad: function (options) {
    console.log(options.subId);
    this.setData({
      goodsId: options.subid
    });
    myRequest({
      url:api.goodsDetail,
      data:{
        id:this.data.goodsId
      },
      success:(res)=>{
        console.log('请求商品详情数据成功',res);
        this.setData({
          bannerList:res.data.data.gallery,
          descList:res.data.data.attribute,
          productList:res.data.data.productList,
          productId: res.data.data.productList[0].id,
          info:res.data.data.info,
          goods_desc:res.data.data.info.goods_desc,
          issue:res.data.data.issue
        })
        WxParse.wxParse('goods_desc', 'html', this.data.goods_desc, this, 0);
      }
    });
    // 大家都在看
    myRequest({
      url: api.related,
      data:{
        id:this.data.goodsId
      },
      success:(res)=>{
        console.log('大家都在看',res);
        this.setData({
          likeList:res.data.data.goodsList
        })
      }
    });
    
    // 区域列表
    myRequest({
      url: api.region,
      data:{
        parentId:1
      },
      success:(res)=>{
        console.log('请求区域数据成功',res);
        this.setData({
          regionList:res.data.data
        });
        let data = res.data.data;
        // console.log(data)
        let tmparr = [];
        data.forEach((item)=>{
          tmparr.push(item.name)
        })
        this.setData({
          newRegList: tmparr
          })
      },
    });
       
  },
        
          

  // 点击蒙版时关闭弹窗和蒙版事件
  close(){
    // 关闭蒙版 关闭数量选择弹窗
    if (this.data.flag == true) {
      this.setData({
        flag: false
      })
    }
    // 关闭服务弹窗
    if(this.data.service==true){
      this.setData({
        service:false
      })
    }
    // 关闭区域选择弹出窗
    if (this.data.regFlag == true) {
      this.setData({
        regFlag: false
      })
    }
  },

  // 点击数量规格选择
  countClick(){
    // 显示蒙版
    var self = this;
    if(self.data.flag==false){
      self.setData({
        flag:true
      })
    }else{
      self.setData({
        flag: false
      })
    }
  },

  // 点击x按钮关闭弹窗和蒙版
  cancel(){
    // 是否显示已选择的数量
    this.setData({
      pop:true
    })
    // 关闭蒙版 关闭弹窗
    if (this.data.flag == false) {
      this.setData({
        flag: true
      })
    } else {
      this.setData({
        flag: false
      })
    }
  },
  //点击-号事件
  less(){
    if(this.data.count>1){
      this.setData({
        count: this.data.count-1
      })
    }
  }, 
  // 点击+号事件
  plus(){
    this.setData({
      count: this.data.count + 1
    })
  },
  // 点击服务事件
  serClick(){
    // 显示蒙版
    var self = this;
    if (self.data.flag == false) {
      self.setData({
        flag: true
      })
    }
    // 显示服务框
    this.setData({
      service:true
    })
  },
  // 点击配送按钮事件
  regChoose(e){
    // 显示蒙版
    var self = this;
    if (self.data.flag == false) {
      self.setData({
        flag: true
      })
    } else {
      self.setData({
        flag: false
      })
    }
    // 显示弹窗
    if (this.data.regFlag==false){
      this.setData({
        regFlag:true
      })
    }else{
      this.setData({
        regFlag: false
      })
    }
    // 重置弹窗里面的显示
    this.setData({
      secondFlag:false,
      threeFlag:false
    })
  },
  // 点击大家都在看商品跳转事件
  likeClick(e){
    console.log(e.currentTarget.dataset.id);
    let likeId = e.currentTarget.dataset.id;
    wx.navigateTo({
      url: `/rember2/goodsDetail/goodsDetail?subId=${likeId}`,
    })
  },
  // 点击客服按钮事件
  service(){
    
    
    let collectKey = wx.getStorageSync("token");
    if (!collectKey) {
      wx.showToast({
        title: '请登录后,收藏',
        icon: "loading"
      })
    } else {
      myRequest({
        url: api.addor,
        method: 'POST',
        data: {
          typeId: 0,
          valueId: productId
        },
        success: (res) => {
          console.log('添加或取消收藏成功', res);
          if (this.data.collect == false) {
            this.setData({
              collect: true
            })
          } else {
            this.setData({
              collect: false
            })
          }
        }
      })
    }
          
      
   
  },
    
  // 立即购买
  buy(){
    if(this.data.pop==false){
      wx.showToast({
        title: '请选择购买数量规格',
        icon: 'none',
        duration: 1500
      });
      return;
    };
    if (this.data.dis == false) {
      wx.showToast({
        title: '请选择配送区域',
        icon: 'none',
        duration: 1500
      });
      return;
    };
    let buyKey = wx.getStorageSync("token");
    if (!buyKey) {
      wx.showToast({
        title: '请登录后,再购买',
        icon: "loading"
      })
    } else {
      wx.showToast({
        title: '购买成功',
        icon: "success"
      })
    }
  },
  // 加入购物车
  addCar(){
    if (this.data.pop == false) {
      wx.showToast({
        title: '请选择购买数量规格',
        icon: 'none',
        duration: 1500
      });
      return;
    };
    if (this.data.dis == false) {
      wx.showToast({
        title: '请选择配送区域',
        icon: 'none',
        duration: 1500
      });
      return;
    };
    let addKey = wx.getStorageSync("token");
    if(!addKey){
      wx.showToast({
        title: '请登录后,再加入购物车',
        icon:"none"
      })
    }else{
      wx.showToast({
        title: '准备就绪',
        icon:"success"
      })
      myRequest({
        url:api.addCart,
        data:{
          goodsId:this.data.goodsId,
          number:this.data.count,
          productId:this.data.productId
        },
        success:(res)=>{
          console.log('添加商品到购物车成功',res);
          wx.showToast({
            title: '添加购物车成功',
            icon: "success",
            duration:2000
          })
        }
      })
    }
  },

  





  bindChange(e) {
    const val = e.detail.value
    // this.setData({
    //   year: this.data.years[val[0]],
    //   month: this.data.months[val[1]],
    //   day: this.data.days[val[2]]
    // })
  },

  // 点击省区域事件
  shen(e){
    // 显示市
    this.setData({
      secondFlag: true
    })
    console.log(e.currentTarget.dataset.id);
    console.log(e.currentTarget.dataset.name);
    var shenName = e.currentTarget.dataset.name;
    var shenId = e.currentTarget.dataset.id;
    this.setData({
      shenName: shenName
    });
    this.setData({
      shenFlag: true,
      shiFlag:false,
      quFlag:false,
      shiName:"",
      quName:""
    })
    console.log(this.data.shiFlag, this.data.quFlag)
    myRequest({
      url: api.region,
      data: {
        parentId: shenId
      },
      success: (res) => {
        console.log('请求市数据成功', res);
        this.setData({
          shiList: res.data.data
        });
        
      },
    });
  },
  // 点击市事件
  shi(e) {
    // 显示街
    this.setData({
      threeFlag: true
    })
    console.log(e.currentTarget.dataset.id);
    var shiName = e.currentTarget.dataset.name;
    var shiId = e.currentTarget.dataset.id;
    this.setData({
      shiName: shiName
    });
    this.setData({
      shiFlag: true,
      quFlag:false,
      quName:""
    })
    myRequest({
      url: api.region,
      data: {
        parentId: shiId
      },
      success: (res) => {
        console.log('请求区数据成功', res);
        this.setData({
          quList: res.data.data
        });
      },
    });
  },
  // 点击街道事件
  jie(e) {
    console.log(e.currentTarget.dataset.id);
    var quName = e.currentTarget.dataset.name;
    var jieId = e.currentTarget.dataset.id;
    this.setData({
      quName: quName
    });
    this.setData({
      quFlag: true
    })
    myRequest({
      url: api.region,
      data: {
        parentId: jieId
      },
      success: (res) => {
        console.log('请求街道数据成功', res);
        this.setData({
          jieList: res.data.data
        });
      },
    });
  },
  // 点击确定事件
  sure(){
    // 显示选择的配送区域到页面
    this.setData({
      dis:true
    });
    // 关闭蒙版
    if (this.data.flag == true) {
      this.setData({
        flag: false
      })
    };
    // 关闭区域选择弹出窗
    if (this.data.regFlag == true) {
      this.setData({
        regFlag: false
      })
    }
  },

})